import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueDevTools(),
  ],
  // logLevel: 'error',// 只显示错误日志

  resolve: {// 配置路径别名
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
      '~bootstrap': 'bootstrap',// 引入 Bootstrap 样式
    },
  },
  server: {//配置开发服务器
    port: 4000,//设置开发服务器端口
    proxy: {//配置代理，解决跨域问题
      '/api/': {
        target: 'http://127.0.0.1:3000'//设置开发代理目标地址
        // target: 'http://115.29.223.46:13000'//设置生产代理目标地址
      }
    }
  },
  css: {// 配置 CSS 预处理器
    preprocessorOptions: {
      scss: {
        additionalData: '@use "@/styles/variables.scss" as *;',//全局引入 SCSS 变量
        // additionalData: '@import "@/styles/variables.scss', //舍弃
        quietDeps: true,  // 禁用 Sass 依赖项警告
      },
    },
  },
})
